        main{
            width:1000px;
            height:630px;
            display:block;
            margin:auto;
            margin-top:50px;
        }
        .right-card {
            width: 400px;
            height: 520px;
            border: 0;
            margin: auto;
            box-shadow: 0px 0px 10px lightgrey;
        }
        .right-card form{
            display:block;
            width:90%;
            height:80%;
            margin:auto;
            padding-top:20%;
        }
        .signup p{
            width:100%;
            height:50px;
            position:relative;
        }
        .login p{
            width: 100%;
            height:50px;
            position: relative;
        }
        p input{
            width: 270px;
            height: 80%;
            margin-left: 18px;
            padding-left:50px;
            border:1px solid lightgrey;
            border-radius:50px;
        }
        p .icon{
            position: absolute;
            left: 36px;
            color: grey;
            top: 12px;
        }
        p .mobile{
            font-size: 25px;
            top: 5px;
        }
        p  .radio{
            width: 18px;
            height: 18px;
            position: relative;
            top: 3px;
            margin-left: 5px;
            margin-right: 50px;
        }
        p .left-input{
            width: 35%;
            background: #f9f9f9;
            border-radius: 3px 0px 0px 3px;
            border-right: 0;
            display: block;
            float: left;
        }
        p .right-input{
            width: 52.5%;
            display: block;
            float: left;
            border-radius: 0px 3px 3px 0px;
        }
        p .checkbox{
            position: relative;
            width: 18px;
            height: 18px;
            top: 4px;
        }
        .remember .checkbox{
            position: relative;
            width: 18px;
            height: 18px;
            top: 5px;
        }
        p button{
            width: 322px;
            height: 40px;
            margin-left: 18px;
            border-radius: 40px;
            border: 0;
            background: #007fd9;
            color: white;
        }
        .other{
            width: 324px;
            margin-left: 18px;
            height: 30px;
        }
        .other .signup{
            float:left;
        }
        .other .signup a{
            text-decoration:none;
            color:#005980;
        }
        .other .signup a:hover{
            color:#009fda;
        }
        .other .forget{
            color:#005980;
            text-decoration:none;
            font-size:14px;
            display:block;
            float:right;
        }
        .forget:hover{
            color:#009fda;
        }
        .top{
            width: 322px;
            margin-left: 18px;
            height: 50px;
        }
        .top .title{
            float: left;
            text-align: center;
            width: 100%;
            font-family: Comic Sans MS;
            margin: 0;
        }
        .top .signup{
            float:left;
            text-align: left
            margin: 0;
        }
        .top h3{
            float:right;
            margin: 0;
        }
        .top h3 a{
            text-decoration:none;
            color: #007fd9;
        }
        span a{
            color:#005980;
            text-decoration:none;
            font-size:14px;
        }
         span a:hover{
            color:#009fda;
            text-decoration:none;
        }
        p .email-code{
            width: 30.2%;
            margin-left: 18px;
            float: left;
            border-radius: 30px 0 0 30px;
            border-right: 0;
            display: block;
            background: #f7f7f7;
        }
        p .get-email-code{
            width: 45%;
            text-align: center;
            line-height: 44px;
            font-size: 12px;
            border-radius: 0 30px 30px 0;
            text-decoration-line: none;
            height: 42px;
            color: #007fd9;
            background: white;
            border: 1px solid #007fd9;
            float: left;
            display: block;
        }
        p .captcha{
            width: 46%;
            border-radius: 3px 0 0 3px;
            float: left;
            display: block;
        }
        p .change-code{
            width: 43.6%;
            height: 87.5%;
            text-align: center;
            border-radius: 0 3px 3px 0;
            color: #fe7300;
            background: white;
            border: 1px solid lightgrey;
            border-left: 0;
            float: left;
            display: block;
        }
        p .change-code img{
             width: 100%;
             height: 100%;
             border-radius: 0 3px 3px 0;
        }
        .error-msg{
            color:red;
            font-size:12px;
            width:100%;
            padding-left: 36px;
        }
        ::-webkit-input-placeholder {
          color: grey;
          font-size: 12px;
        }

        ::-moz-placeholder {
          color: grey;
          font-size: 12px;
        }

        :-ms-input-placeholder {
          color: grey;
          font-size: 12px;
        }